<br>
<a href="javascript:;" id="open_liuzhuandan">
    打开流程单弹出层
</a>
<br><br>
<div class="">
    <ul class="nav nav-pills nav-stacked col-sm-2">
        <li class=""><a href="#tab_11" data-toggle="tab" aria-expanded="false">第一步审核</a></li>
        <li class="active"><a href="#tab_2" data-toggle="tab" aria-expanded="true">第二步审核</a></li>
        <li class=""><a href="#tab_3" data-toggle="tab" aria-expanded="false">第三步审核</a></li>
    </ul>
    <div class="tab-content col-sm-10">
        <div class="tab-pane" id="tab_11">
            <form role="form" class="">
                <div class="form-group ">
                    <label class=" control-label">邮箱1</label>
                        <input type="text" class="form-control" placeholder="文本框" name="text">
                </div>
                <div class="form-group ">
                    <label class=" control-label">密码</label>
                    <input type="password" class="form-control" placeholder="密码"
                               name="password">
                </div>
                <div class="form-group">
                    <label class=" control-label">多选框</label>

                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="optionsCheckbox1">
                            多选框 1
                        </label>
                    </div>

                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="optionsCheckbox2">
                            多选框 2
                        </label>
                    </div>

                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="optionsCheckbox3" disabled>
                            多选框 disabled
                        </label>
                    </div>
                </div>
            </form>
        </div>
        <div class="tab-pane active" id="tab_2">
            <form role="form" class="">
                <div class="form-group ">
                    <label class=" control-label">邮箱2</label>
                    <input type="text" class="form-control" placeholder="文本框" name="text">
                </div>
                <div class="form-group ">
                    <label class=" control-label">密码</label>
                    <input type="password" class="form-control" placeholder="密码"
                           name="password">
                </div>
                <div class="form-group">
                    <label class=" control-label">多选框</label>

                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="optionsCheckbox1">
                            多选框 1
                        </label>
                    </div>

                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="optionsCheckbox2">
                            多选框 2
                        </label>
                    </div>

                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="optionsCheckbox3" disabled>
                            多选框 disabled
                        </label>
                    </div>
                </div>
            </form>
        </div>
        <div class="tab-pane" id="tab_3">
            <form role="form" class="">
                <div class="form-group ">
                    <label class=" control-label">邮箱3</label>
                    <input type="text" class="form-control" placeholder="文本框" name="text">
                </div>
                <div class="form-group ">
                    <label class=" control-label">密码</label>
                    <input type="password" class="form-control" placeholder="密码"
                           name="password">
                </div>
                <div class="form-group">
                    <label class=" control-label">多选框</label>

                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="optionsCheckbox1">
                            多选框 1
                        </label>
                    </div>

                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="optionsCheckbox2">
                            多选框 2
                        </label>
                    </div>

                    <div class="checkbox">
                        <label>
                            <input type="checkbox" name="optionsCheckbox3" disabled>
                            多选框 disabled
                        </label>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="clearfix"></div>
</div>

<script>
    $("#open_liuzhuandan").on("click",function(){
        USEN.modal({
            title:"流转单",
            url:"./wwwroot/liuzhuandan.html",
            dataType:"html",
            submitBtn:true,
            submitTxt:"审核",
            submitCb:function(e,$el){
                alert('submit callback');
            },
            cancelBtn:true,
            cancelTxt:"取消",
            cancelCb: function (e,$el) {
                alert('cancel callback');
            }
        })
    })
</script>